vue vouter文件筆記：路由的匹配语法（正則表達式） - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0

vue vouter文件筆記：路由的匹配语法（正則表達式）

vue3 vue vue router javascript

relife12345 2025-11-03 10:39:23 ‧ 510 瀏覽

分享至

test 為動態路由參數名稱。組件中可透過以下方式取得該參數值：

const route = useRoute();
route.params.test

小括號中的內容是正則表達式，用來限制參數的格式。
這裡的 \d+ 代表「一個以上的數字」。
（在字串中需使用 \ 跳脫字元，實際正則是 \d+）
後綴詞。使用後綴詞，決定前面的正則表達式可以影響幾次

後綴詞	匹配次數	path例子
無	1	/123
*	0 - 無限	/ or /123 or /123/456/789
+	1 - 無限	/123 or /123/456/789
?	0 or 1	/ or /123

熱門推薦

{{ item.subject }}

{{ item.channelVendor }} | {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

929 組

團體組數

32 組

累計文章數

15989 篇

完賽人數

221 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 17th鐵人賽 14th鐵人賽 12th鐵人賽 18th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css

IT邦幫忙